
import { List, Typography } from "antd";
import styles from './index.module.less';
import MeshBoxGeometry from './graphs/MeshBoxGeometry';
import AmbientLight from './graphs/AmbientLight';
import SpotLight from './graphs/SpotLight';
import DirectionalLight from './graphs/DirectionalLight';
import PointLight from './graphs/PointLight';

export default function PanelGraphicsWarehouse() {
    return (
        <div className={styles.panelGraphicsWarehouse} >
            <List
                className={styles.list}
                header={<Typography.Text strong>元素仓库</Typography.Text>}
                bordered
                renderItem={item => item}
                dataSource={[
                    <MeshBoxGeometry />,      // 正方体
                    <AmbientLight />,         // 场景光
                    <SpotLight />,            // 聚光灯
                    <DirectionalLight />,     // 平行光
                    <PointLight />,           // 点光源
                ]}
            />
        </div>
    )
}